<template>
  <div class="container">
  <img src="http://file.rzkeji.com/web/loveciy/img/join/joinBackground.jpg" class="backgroundImg"/>
    <div class="btn">
      <div>
        <img src="http://file.rzkeji.com/web/loveciy/img/join/joinBtn.png"/>
        <span>加入我们</span>
      </div>
    </div>
  </div>
</template>

<script>


export default {
  data () {
    return {

    }
  },

  components: {

  },

  methods: {

  },

  created () {

  }
}
</script>

<style scoped>
  .container{width:100%;height: 100%;position: relative;overflow: hidden;}
  .backgroundImg{width: 100%;height: 100%;}
  .btn{width: 200px;height: 50px;background: red;position: absolute;left: 50%;bottom: 30px;margin-left: -100px;}
  .btn div{width: 100%;height: 100%;position: relative;}
  .btn div img{width: 100%;height: 100%;position: absolute;left:0;top:0;}
  .btn div span{width: 100%;height: 100%;position: absolute;left:0;top:0;text-align: center;line-height: 50px;font-size: 16px;}
</style>
